layui.use(['table', 'admin', 'ax', 'func'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;

    /**
     * 聊天记录表管理
     */
    var ChatHistory = {
        tableId: "chatHistoryTable"
    };

    /**
     * 初始化表格的列
     */
    ChatHistory.initColumn = function () {
        return [[
            {type: 'checkbox'},
            {field: 'id', hide: true, title: '消息id'},
            // {field: 'restHost', align: 'center',sort: true, title: '区域'},
            // {field: 'appKey', align: 'center',sort: true, title: 'common key'},
            // {field: 'userAId', align: 'center',sort: true, title: '私聊A方'},
            // {field: 'userBId',align: 'center', sort: true, title: '私聊B方'},
            // {field: 'groupId', align: 'center',sort: true, title: '群聊ID'},
            // {field: 'positionId', align: 'center',sort: true, title: '岗位ID'},
            // {field: 'messageId', align: 'center',sort: true, title: '消息ID'},
            {field: 'senderName', align: 'center', sort: true, title: '发送用户'},
            {field: 'senderPhone', align: 'center', sort: true, title: '发送用户手机'},
            {field: 'receiverName', align: 'center', sort: true, title: '接收用户'},
            {field: 'receiverPhone', align: 'center', sort: true, title: '接收用户手机'},
            {
                field: 'type', align: 'center', sort: true, title: '类型', templet: function (d) {
                    var flag_box = "";
                    if (d.type == "text") {
                        flag_box = "文字";
                    } else if (d.type == "audio") {
                        flag_box = "语音";
                    } else if (d.type == "image") {
                        flag_box = "图片";
                    } else if (d.type == "video") {
                        flag_box = "视频";
                    }
                    return flag_box;
                }
            },
            {field: 'text', align: 'center', minWidth:300, sort: true, title: '文字内容'},
            {
                field: 'url', align: 'center', sort: true, title: '非文字内容', templet: '#content'
            },
            {field: 'sendTime', align: 'center', sort: true, title: '发送时间'},
            // {field: 'name', align: 'center',sort: true, title: '名称，针对非文本'},
            // {field: 'contentType', align: 'center',sort: true, title: '内容类型：audio/m4a,image/jpeg,video/mp4等'},
            // {field: 'url', align: 'center',sort: true, title: 'url地址，图片或者视频地址'},
            // {field: 'duration', align: 'center',sort: true, title: '时长，视频、音频'},
            // {field: 'width',align: 'center', sort: true, title: '宽度'},
            // {field: 'height', align: 'center',sort: true, title: '高度'},
            // {field: 'size', align: 'center',sort: true, title: '大小'},
            // {field: 'createTime', align: 'center', sort: true, title: '添加时间'},
            // {field: 'updateTime', align: 'center',sort: true, title: '修改时间'},
            // {field: 'ifDel', align: 'center',sort: true, title: '是否删除'},
            // {field: 'deleteTime', align: 'center',sort: true, title: '删除时间'},
            {align: 'center', toolbar: '#tableBar', title: '操作'}
        ]];
    };

    /**
     * 点击查询按钮
     */
    ChatHistory.search = function () {
        var queryData = {};
        queryData['keyword'] = $("#condition").val();
        table.reload(ChatHistory.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    /**
     * 弹出添加对话框
     */
    ChatHistory.openAddDlg = function () {
        func.open({
            title: '添加聊天记录表',
            content: Feng.ctxPath + '/chatHistory/add',
            tableId: ChatHistory.tableId
        });
    };

    /**
     * 点击编辑
     *
     * @param data 点击按钮时候的行数据
     */
    ChatHistory.openEditDlg = function (data) {
        func.open({
            title: '修改聊天记录表',
            content: Feng.ctxPath + '/chatHistory/edit?id=' + data.id,
            tableId: ChatHistory.tableId
        });
    };

    /**
     * 导出excel按钮
     */
    ChatHistory.exportExcel = function () {
        var checkRows = table.checkStatus(ChatHistory.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除
     *
     * @param data 点击按钮时候的行数据
     */
    ChatHistory.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/chatHistory/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(ChatHistory.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除?", operation);
    };

    /*
  *点击图片
   */
    ChatHistory.openImage = function (data) {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 1,
            area: ['auto'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: "<div class='hide' ><img src='" + data + "' style='max-height: 600px'></div> "
        });
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + ChatHistory.tableId,
        url: Feng.ctxPath + '/chatHistory/list',
        page: true,
        height: "full-158",
        cellMinWidth: 100,
        cols: ChatHistory.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        ChatHistory.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {
        ChatHistory.openAddDlg();
    });

    // 导出excel
    $('#btnExp').click(function () {
        ChatHistory.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + ChatHistory.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            ChatHistory.openEditDlg(data);
        } else if (layEvent === 'delete') {
            ChatHistory.onDeleteItem(data);
        }
    });
});
